<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*"%>
	<%@page import="java.net.URLDecoder"%>
	<%@page import="java.net.URLEncoder"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	 String username = session.getAttribute("username").toString();
	 String newusername=URLEncoder.encode(URLEncoder.encode(username,"UTF-8"), "UTF-8")  ;
%>
<!DOCTYPE html >
<html>
<head>
<base href="<%=basePath%>">
<meta charset="UTF-8">
<title>数据资源目录服务系统</title>
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<!-- bootstrap 3.0.2 -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/zTreeStyle.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.core-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.excheck-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.exedit-3.5.js"></script>
<script type="text/javascript" src="js/jquery.ztree.exhide-3.5.js"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<header class="header">
		<a href="javascript:void(0)" class="logo"> <!-- Add the class icon to your logo image or logo icon to add the margining -->
			数据资源目录服务系统
		</a>
		<!-- Header Navbar: style can be found in header.less -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- Sidebar toggle button-->
			<a href="javascript:void(0)" class="navbar-btn sidebar-toggle"
				data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle
					navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span>
				<span class="icon-bar"></span>

			</a>
			<div class="navbar-right">
				<ul class="nav navbar-nav">

					<!-- Messages: style can be found in dropdown.less-->

					<!-- Notifications: style can be found in dropdown.less -->

					<!-- Tasks: style can be found in dropdown.less -->

					<!-- User Account: style can be found in dropdown.less -->
					<li class="dropdown user user-menu"><a href="#"
						class="dropdown-toggle" data-toggle="dropdown"> <i
							class="glyphicon glyphicon-user"></i> <span> <%=username %> <i
								class="caret"></i></span>
					</a>
						<ul class="dropdown-menu">
							<!-- User image -->
							<li class="user-header bg-light-blue"><img
								src="img/avatar5.png" class="img-circle" alt="User Image" />
								<p>
									管理员 <small></small>
								</p></li>
							<!-- Menu Body -->
							<li class="user-body">
								<div class="col-xs-4 text-center">
									<a href="javascript:void(0)"></a>
								</div>
								<div class="col-xs-4 text-center">
									<a href="javascript:void(0)"></a>
								</div>
								<div class="col-xs-4 text-center">
									<a href="javascript:void(0)"></a>
								</div>
							</li>
							<!-- Menu Footer-->
							<li class="user-footer">
								<div class="pull-left">
									<a href="javascript:void(0)" class="btn btn-default btn-flat">属性</a>
								</div>
								<div class="pull-right">
									<a href="javascript:void(0)" class="btn btn-default btn-flat">退出</a>
								</div>
							</li>
						</ul></li>
				</ul>
			</div>
		</nav>
	</header>
	<div class="wrapper row-offcanvas row-offcanvas-left"
		style="min-height: 425px;">
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="left-side sidebar-offcanvas">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<div class="user-panel">
					<div class="pull-left image">
						<img src="img/avatar5.png" class="img-circle" alt="User Image" />
					</div>
					<div class="pull-left info">
						<p></p>

						<a href="javascript:void(0)"><i
							class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
				<!-- search form -->
				<!-- <form action="javascript:void(0)" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control"
							placeholder="Search..." /> <span class="input-group-btn">
							<button type='submit' name='seach' id='search-btn'
								class="btn btn-flat">
								<i class="fa fa-search"></i>
							</button>
						</span>
					</div>
				</form> -->
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu">
					<li class="active"><a href="javascript:void(0)"> <i
							class="fa fa-folder"></i> <span>数据资源目录</span>
					</a></li>
					 <li><a href="pages/data-entrying.jsp?token=&username=<%=newusername%>"> <i class="fa fa-edit"></i>
							<span>元数据录入</span>  
					</a></li> 
					<li><a href="pages/data-searching.jsp"> <i class="fa fa-search"></i>
							<span>数据检索</span> <small class="badge pull-right bg-green"></small>
					</a></li>
					<!-- <li><a href="javascript:void(0)"> <i
							class="fa fa-download"></i> <span>数据下载</span> <small
							class="badge pull-right bg-green"></small>
					</a></li> -->
					<!-- <li><a href="javascript:void(0)"> <i class="fa fa-th"></i>
							<span>访问统计</span> <small class="badge pull-right bg-green"></small>
					</a></li>
					<li><a href="javascript:void(0)"> <i class="fa fa-cog"></i>
							<span>设置</span> <small class="badge pull-right bg-green"></small>
					</a></li>
					<li><a href="javascript:void(0)"> <i class="fa fa-comment"></i>
							<span>关于本站</span> <small class="badge pull-right bg-green"></small>
					</a></li> -->
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Right side column. Contains the navbar and content of the page -->
		<aside class="right-side">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1 type="color:blue">

					<small></small>
				</h1>
				<ol class="breadcrumb">
					<li><a href="javascript:void(0)"><i
							class="fa fa-dashboard"></i> 主页</a></li>
					<li class="active">数据资源目录</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="row-fluid">

					<div id="ml" class="col-md-12">
						<div class="tabbable" id="tabs-629606">
							<ul class="nav nav-tabs">
								<li class="active"><a href="#panel-923855"
									data-toggle="tab">默认目录树</a></li>
								<!-- <li>
						<a href="#panel-724453" data-toggle="tab">自定义目录树</a>
					</li> -->
							</ul>
							<div class="tab-content">
								<div class="tab-pane active" id="panel-923855">
									<div class="clo-md-6">
										<br />
										<div class="box box-solid box-primary">
											<div class="box-header">
												<h3 class="box-title">目录树结构</h3>
											</div>
											<!-- /.box-header -->
											<div class="box-body table-responsive">


												<div class="zTreeDemoBackground left">
													<ul id="tree1" class="ztree"></ul>
												</div>
											</div>
											<script type="text/javascript" src="./myjs/test3.js"></script>

										</div>
									</div>
								</div>
								<br />
								<!-- 	<div class="tab-pane" id="panel-724453">
					  <div class="box box-solid box-primary">     
      
						    <div class="box-header">
						     <h3 class="box-title">请选择分类标准</h3>                                    
						    </div>/.box-header
						     <div class="box-body table-responsive">
						     <table id="example1" class="table  ">
						     <tbody>
                                            <tr>
                                                <td>一级目录</td>
                                                <td> <select class="form-control" id="level1" style="text-align:center">
									             
									               <option value ="">请选择</option>
														  <option value ="getBusinessType">业务类型</option>
														  <option value ="getDatabaseName">数据库名称</option>
														  <option value ="getSubjectType">主题分类</option>
														  <option value ="getClassName">对象类名</option>
									            </select></td>
                                               
                                                
                                            </tr>
                                            <tr>
                                                <td>二级目录</td>
                                                <td><select class="form-control" id="level2" style="text-align:center">
										             
										               <option value ="">请选择</option>
															  <option value ="getBusinessType">业务类型</option>
															  <option value ="getDatabaseName">数据库名称</option>
															  <option value ="getSubjectType">主题分类</option>
															  <option value ="getClassName">对象类名</option>
										      </select></td>
                                               
                                            </tr>
                                            <tr>
                                                <td>三级目录</td>
                                                <td><select class="form-control" id="level3" style="text-align:center">
										             
										               <option value ="">请选择</option>
															  <option value ="getBusinessType">业务类型</option>
															  <option value ="getDatabaseName">数据库名称</option>
															  <option value ="getSubjectType">主题分类</option>
															  <option value ="getClassName">对象类名</option>
										      </select></td>
                                               
                                            </tr>
                                            <tr>
                                                <td>四级目录</td>
                                                <td><select class="form-control" id="level4" style="text-align:center">
             
										               <option value ="">请选择</option>
															  <option value ="getBusinessType">业务类型</option>
															  <option value ="getDatabaseName">数据库名称</option>
															  <option value ="getSubjectType">主题分类</option>
															  <option value ="getClassName">对象类名</option>
										      </select></td>
                                                
                                            </tr>
      </tbody> 
      </table>
      </div>
                         <div class="box-footer" style="text-align:center;">
                         <button type="button " class="btn btn-primary   ">生成目录树</button> 
                         </div>    
      </div>
                                           
   
   
                
				<div class="box box-solid box-primary">
				<div class="box-header">
                <h3 class="box-title">目录树结构</h3>                                    
               </div>/.box-header
               <div class="box-body table-responsive">
				
							
			    	<div class="zTreeDemoBackground left">
			    		<ul id="tree2" class="ztree"></ul>
			    	</div>
			    </div>
			    <script type="text/javascript" src="./myjs/test.js"></script>	
				
				</div>
				</div>	 -->

							</div>
						</div>
					</div>

					<!-- 右边 -->
					<div class="col-md-12" >

						<div id="mljg" class="box box-solid box-primary" style="display:none">
							<div class="box-header">
								<h3 class="box-title">目录检索结果展示</h3>
							</div>
							<div class="box-body table-responsive">
								<table class="table table-bordered table-hover " id="shows">

								</table>
								<div style="text-align: center;">
									<button  class="btn btn-primary "onclick="closed()">关闭</button>
								</div>
								<!-- <div class="offer_box_wide_style1">
			     
				
			    <div>1.</div>
				<div><strong> 元数据名称:实时水雨情元数据</strong></div>
				<div>关键字：雨情 实时水情</div>
				<div>摘要：实时水雨情数据信息</div>
					<br />
				<button type="button"  class="btn btn-primary   ">查看详细信息</button>
				<button type="button"  class="btn btn-primary   ">数据预览</button>
				<button type="button"  class="btn btn-primary   ">下载数据</button>
				
				
			    <div>2.</div>
				<div><strong> 元数据名称：数据库表元数据</strong></div>
				<div>表标识符：FX_ST_RAIN_H</div>
				<div>表中文名：历史降雨量</div>
				<div>摘要：历史降雨量来自JSDB.ST_RAIN_H</div>
				<div><strong> 表字段：</strong></div>
				<div>字段标识符：STCD</div>
				<div>字段备注：测站编码5位</div>
				<div>字段标识符：YMDHM</div>
				<div>字段备注：降雨日期</div>
				<div>字段标识符：DYRN</div>
				<div>字段备注：降雨量</div>

					<br />
				<button type="button"  class="btn btn-primary   ">查看详细信息</button>
				<button type="button"  class="btn btn-primary   ">数据预览</button>
				<button type="button"  class="btn btn-primary   ">下载数据</button>	
					</div> -->

							</div>
						</div>
					</div>
				</div>




			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->


	<!-- jQuery 2.0.2 -->
	<script src="js/test.js" type="text/javascript"></script>
	<!-- Bootstrap -->
	<script src="./js/bootstrap.min.js" type="text/javascript"></script>
	<!-- AdminLTE App -->
	<script src="./js/AdminLTE/app.js" type="text/javascript"></script>

</body>
</html>